
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets" template="/template/main.xhtml">

	<ui:define name="body">
		<h:form prependId="false">

			<p:toolbar  >
				<p:toolbarGroup align="left">
					<p:commandButton  value="#{messages['button.save']}" action="#{produtoEditMB.insert}"
						rendered="#{!produtoEditMB.updateMode}" ajax="false" />
					<p:commandButton  value="#{messages['button.save']}" action="#{produtoEditMB.update}"
						rendered="#{produtoEditMB.updateMode}" ajax="false" />
					<p:commandButton  value="#{messages['button.delete']}" onclick="confirmation.show()"
						rendered="#{produtoEditMB.updateMode}" type="button" immediate="true" ajax="false" />
					<p:dialog style="position: absolute; left:50px; top:50px;"  message="#{messages['label.confirm.delete']}" showEffect="bounce" hideEffect="explode"
						header="#{messages['label.dialog.delete']}" severity="alert" widgetVar="confirmation">
						<h:commandButton value="#{messages['button.dialog.yes']}" action="#{produtoEditMB.delete}" immediate="true"
							ajax="false" />
						<h:commandButton value="#{messages['button.dialog.no']}" onclick="confirmation.hide()" type="button" />
					</p:dialog>
				</p:toolbarGroup>
			</p:toolbar>

			<br />

			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="#{messages['produto.label']}" toggleable="true" toggleSpeed="500">
				<h:panelGrid id="fields" columns="3">
					
					<h:outputLabel value="#{messages['produto.label.id']}: " for="id" styleClass="text-input" />
					<h:outputText id="id" value="#{produtoEditMB.bean.id}" />
					<p:message for="id" />
					
					<h:outputLabel value="#{messages['produto.label.descricao']}: " for="descricao" styleClass="text-input" />
					<h:inputText   onkeypress="if (event.keyCode == 13) { return false; }" id="descricao" value="#{produtoEditMB.bean.descricao}"  required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}" size="60" maxlength="50"
						title="#{messages['produto.alt.descricao']}" />
					<p:message for="descricao" />
					
					<h:outputLabel value="#{messages['produto.label.valor']}: " for="valor" styleClass="text-input" />
					<h:inputText   onkeypress="if (event.keyCode == 13) { return false; }" id="valor" required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}" value="#{produtoEditMB.bean.valor}" size="10"  maxlength="40"
						title="#{messages['produto.alt.valor']}" styleClass="mask-moeda20" converter="bigDecimalConversor" >
					</h:inputText>
					<p:message for="valor" />

					<h:outputLabel value="#{messages['produto.label.localProducao']}: " for="localProducao" styleClass="text-input" />
					<h:selectOneMenu value="#{produtoEditMB.localProducao}" id="localProducao" style="width: 350px;"
						title="#{messages['produto.label.localProducao']}" >
						<f:selectItem itemLabel="Selecione" itemValue="" />
 						<f:selectItems value="#{produtoEditMB.localProducaos}"></f:selectItems>
					</h:selectOneMenu>
					<p:message for="localProducao" />

					<h:outputLabel value="#{messages['produto.label.unidadeMedida']}: " for="unidadeMedida" styleClass="text-input" />
					<h:selectOneMenu value="#{produtoEditMB.unidadeMedida}" id="unidadeMedida" style="width: 350px;"
						title="#{messages['produto.label.unidadeMedida']}" required="true"
						requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}">
						<f:selectItem itemLabel="Selecione" itemValue="" />
 						<f:selectItems value="#{produtoEditMB.unidadeMedidas}"></f:selectItems>
					</h:selectOneMenu>
					<p:message for="unidadeMedida" />
					
					<p:spacer height="20" width="20"/> <p:spacer height="20" width="20"/> <p:spacer height="20" width="20"/> 
					<h:outputLabel value="#{messages['produto.label.ativo']}: " for="ativo" styleClass="text-input" />
					<h:selectOneRadio styleClass="tableRadios" id="ativo" value="#{produtoEditMB.bean.ativo}" 
				    	required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}">  
			             <f:selectItem itemLabel="Sim" itemValue="1" />  
			             <f:selectItem itemLabel="Não" itemValue="2" />
			         </h:selectOneRadio>
					<p:message for="ativo" />

				</h:panelGrid>
			</p:fieldset>
		</h:form>
		
		
		
		<p:spacer height="20" width="20"/>  

		<h:form enctype="multipart/form-data">
			<p:fieldset style="width:98%; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;" legend="#{messages['produto.label.listaProduto']}" toggleable="true" toggleSpeed="500">

				<h:panelGrid id="fields2" columns="3" width="70%">

					<h:outputLabel value="#{messages['produto.label.produto']}: " for="produto" styleClass="text-input" />
					<h:selectOneMenu value="#{produtoEditMB.produto}" id="produto" style="width: 300px;"
						title="#{messages['produto.label.produto']}" required="true"
						requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}">
						<f:selectItem itemLabel="Selecione" itemValue="" />	
 						<f:selectItems value="#{produtoEditMB.produtos}"></f:selectItems>
					</h:selectOneMenu>
					<p:message for="produto" />

					<h:outputLabel value="#{messages['produto.label.quantidade']}: " for="quantidade" styleClass="text-input" />
					<h:inputText   onkeypress="if (event.keyCode == 13) { return false; }" id="quantidade" value="#{produtoEditMB.quantidade}"  required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}" size="6" maxlength="5"
						title="#{messages['produto.alt.quantidade']}" />
					<p:message for="quantidade" />

					<f:facet name="footer">
				    	<h:panelGroup>

							<h:commandButton value="#{messages['button.add']}"  action="#{produtoEditMB.adicionarItem()}" ajax="true" >
				    			<f:ajax execute="fields2" render="fields2" />
				    			<f:ajax execute="somatorio" render="somatorio" />
				    	   	</h:commandButton>

							<p:dataTable id="listProdutos" var="bean" value="#{produtoEditMB.bean.listaProdutoProdutos}" rowIndexVar="rowIndex" >
								<f:facet name="header">#{messages['produto.label.listaProduto']}</f:facet>

								<p:column style="width:5%;" sortBy="#{rowIndex}">
									<f:facet name="header">#{messages['button.remove']}</f:facet>
									<h:commandButton value="#{messages['button.remove']}" action="#{produtoEditMB.removerItem()}" ajax="true" >
						    			<f:ajax execute="listProdutos" render="listProdutos" immediate="true"/>
										<f:setPropertyActionListener target="#{produtoEditMB.posicao}" value="#{rowIndex}" />
									</h:commandButton>
								</p:column>

								<p:column sortBy="#{bean.produtoFilho.descricao}">
									<f:facet name="header">#{messages['produto.label.produto']}</f:facet>
										<h:outputText value="#{bean.produtoFilho.descricao}" />
								</p:column>

								<p:column sortBy="#{bean.produtoFilho.localProducao.descricao}">
									<f:facet name="header">#{messages['produto.label.localProducao']}</f:facet>
										<h:outputText value="#{bean.produtoFilho.localProducao.descricao}" />
								</p:column>

								<p:column sortBy="#{bean.produtoFilho.valor}">
									<f:facet name="header">Valor Unit.</f:facet>
										<h:outputText value="#{bean.produtoFilho.valor}" converter="bigDecimalConversor" />
								</p:column>

								<p:column sortBy="#{bean.quantidade}">
									<f:facet name="header">#{messages['produto.label.quantidade']}</f:facet>
										<h:outputText value="#{bean.quantidade}" />
								</p:column>
								
							</p:dataTable>
							<br/>
							<p:message for="listProdutos" />
							<p:spacer/>
							<p:spacer/>

							<p:spacer/>
							<h:outputText id="somatorio"  value="#{produtoEditMB.somatorio}" />
							<p:spacer/>
							
				  		</h:panelGroup>
				  	</f:facet>
				</h:panelGrid>
			</p:fieldset>
		</h:form>
		
	</ui:define>
</ui:composition>